
<?  layout("layout/default.html") { ?>
<script>
function check(){  
    /*  //获取id为up_file的input的值  
    var fileName = $("#file").val();  
    //截取文件后缀名  
    var file_suffix = fileName.substr(fileName.length-3);  
    //弹出后缀名   
    //在这里进行判断，如果上传的文件类型不是你所规定的文件后缀类型，则返回false，否则return或者什么也不写，会提交到后台  
    //假如你允许上传的文件类型是.jpg的，那你就进行判断  
    if(file_suffix != "jpg"){  
        alert("您上传的文件类型不被允许，请重传，只允许上传.jpg文件");  
        return false;  
    }  */
    var cname = document.getElementById("user_cname").value;
    var ename = document.getElementById("user_ename").value;
    var mobile = document.getElementById("user_mobile").value;
    
    var cname_reg=/[^\u4E00-\u9FA5]/;
    var ename_reg=/^[A-Za-z][A-Za-z\s]*[A-Za-z]$/;
    var mobile_reg= /^1\d{10}$/;
    if(cname.match(cname_reg)){
        alert("请输入中文名");
        document.getElementById("user_cname").value="";
        return false;
    }
    if(cname.length > 10){
    	alert("中文名过长，请重新输入");
        document.getElementById("user_cname").value="";
        return false;
    	}
    if（ename.length > 50){
    	alert("英文名过长，请重新输入");
        document.getElementById("user_ename").value="";
        return false;
    }
    //alert(ename.match(ename_reg));
    if(!ename.match(ename_reg)){
        alert("英文名过长，请重新输入");
        document.getElementById("user_ename").value="";
        return false;
    }
    //alert(mobile.match(mobile_reg))
    if(!mobile.match(mobile_reg)){
        alert("请输入正确手机号");
        document.getElementById("user_mobile").value="";
        return false;
    } 
    
}  
</script>

<div class="admin-panel">
	<div class="tab">
		<div class="tab-head">
			<strong class="tab-perfix"></strong>
			<ul class="tab-nav">
				<li class="active"><a href="#tab-set">个人资料</a></li>
				<!-- <li><a href="#tab-other">辅助信息</a></li> -->
			</ul>
		</div>
		<div class="tab-body">
			<div class="tab-panel active" id="tab-set">
				<form method="post" class="form-x" action="">
					<div class="form-group">
						<div class="label">
							<label for="sitename">中文名</label>
						</div>
						<div class="field">
							<input type="text" class="input" id="user_cname"
								name="user.cname" size="10" placeholder="请填写中文名"
								data-validate="" value="${data.cname!" "}"/>
						</div>
					</div>
					<div class="form-group">
						<div class="label">
							<label for="sitename">英文名</label>
						</div>
						<div class="field">
							<input type="text" class="input" id="user_ename"
								name="user.ename" size="50" placeholder="请填写英文名"
								data-validate="" value="${data.ename!" "}"/>
						</div>
					</div>
					<div class="form-group">
						<div class="label">
							<label for="sitename">性别</label>
						</div>
						<div class="field">
							<div class="button-group button-group-small radio">
								<label class="button sysuser_sex" data="男"><input
									name="user.sex" value="男" type="radio"><span
									class="icon icon-check"></span> 男</label> <label
									class="button sysuser_sex" data="女"><input
									name="user.sex" value="女" type="radio"><span
									class="icon icon-check"></span> 女</label>
							</div>
							<script>
							$(".sysuser_sex[data='${data.sex!true}']").addClass('active').children('input').attr('checked',true);
						</script>
						</div>
					</div>
					<div class="form-group">
						<div class="label">
							<label for="sitename">手机</label>
						</div>
						<div class="field">
							<input type="text" class="input" id="user_mobile"
								name="user.mobile" size="20" placeholder="请填写手机"
								data-validate="" value="${data.mobile!" "}"/>
						</div>
					</div>
					<div class="form-button">
						<button class="button bg-main" type="submit"
							onclick="return check()">提交</button>
					</div>
				</form>
			</div>
		</div>


	</div>
	<?  } ?>